約 5,326,628 件
https://w.atwiki.jp/abwiki/pages/84.html
ちょっとABとは関係のないお話 [edit] HTTPについて † Hyper Text Transfer Protocolの略。Webブラウザとサーバがやりとりする際などに使われる通信プロトコル バージョンHTTP/1.0と1.1が存在する。ここでは一応1.1ベース ↑ [edit] 準備 † まずはソケットを使った通信を読んでsendとrecvを使えるようになって頂きたい ↑ [edit] 使い方 † 初めにsendでHTTPのリクエストを送信する。続いてrecvでサーバから返事を受け取る 以上 ↑ [edit] リクエストの基本構造 † ＜メソッド＞＜HTTPバージョン＞CRLF ＜ヘッダ＞CRLF CRLF メソッドはGETとかHEADとかPUTとか。プログラムでいう所の関数名 ヘッダっていうのはメソッドの付加情報。関数の引数みたいな物です メソッドは常に一つ。ヘッダは任意の個数です。無い場合もあります 各行の終端にはCRLF（Ex"\r\n"のこと）を付け、終端には空行を付けます ↑ [edit] レスポンスの構造 † レスポンスはリクエストをsendでHTTPサーバーに送ると必ず返されrecvで受け取ることが出来ます ＜HTTPバージョン＞＜ステータスコード＞CRLF ＜ヘッダ＞CRLF CRLF ＜メッセージボディ＞ HTTPバージョンとステータスコードは送ったHTTPメソッドの実行結果で、これだけはレスポンスの先頭に必ず存在します 例 HTTP/1.1 200 OK ステータスコードは3桁の数字で表され、百の位が2なら成功、4ならクライアント側のエラー、5ならサーバ側のエラーになります 3の場合は処理を完了するために再度適切なリクエスト送信する必要がある場合を示します 1は複雑なんでパス ヘッダはメッセージボディの情報を表す部分ですがもしかしたら無い場合もあるかも メッセージボディはGETだったら対象となったリソース、POSTだったらCGIの実行結果とか ここもヘッダ部分と同様に存在しない場合がある（例：HEADメソッド） ヘッダとの間に空行がはさまっているので注意。またメッセージボディの最後にCRLFは存在しない ↑ [edit] HTTPメソッド † ↑ [edit] GETメソッド † HTTPサーバーからリソースを取得します 基本形 GET uri HTTP/1.1 Host hostname hostnameは接続するホストサーバー名です。ここのWikiだとURLのwww.2chab.netの部分です uriの部分は取得したいURLのホスト名より先の部分を指定します ２ちゃんねるのトップページを取得する例 GET / HTTP/1.1 Host www.2ch.net 本来は/index.htmlとか/の先の指定も必要なんですが、省略するとindex*（*は一字以上の文字列）を指定した事になります 略さないで書くと GET /index.html HTTP/1.1 Host www.2ch.net 成功すればレスポンスのメッセージボディ部分にGETの対象になったリソースが入っている ステータスコードは成功すれば200 OK。リソースが見つからなければ404。アクセス拒否なら403。サーバー過負荷なら503 もちろんこれ以外のステータスコードである可能性もある ↑ [edit] Rangeヘッダ † リソースに対するGETの範囲を指定するリクエストヘッダです リソースの128バイトから256バイトまで取得 Range 128-256 リソースの512バイト以降を取得 Range 512- このヘッダを含めてGETを送った場合、成功時のステータスコードは206になります 失敗した時は416（要求範囲が不正）が返されるかも ↑ [edit] If-Modified-Sinceヘッダ † リソースが指定日時より後に更新されているか調べるヘッダです 更新されていない場合はGETしません GMTで2007年5月5日午前0時以降に更新されているか調べる If-Modified-Since Sun, 5 May 2007 00 00 00 GMT このヘッダを含めてGETを送った場合、リソースが更新されていなければレスポンスには304（未更新）が返されます この場合メッセージボディはありません 更新されていれば普通に200番代のステータスコードとメッセージボディを返してきます ↑ [edit] HEADメソッド † HTTPサーバーからリソースの情報を取得します 基本形 HEAD uri HTTP/1.1 Host hostname CRLF hostname、uriはGETと同じです 成功すればリソースのヘッダだけ返ってきます（つまりHEAD=GET-メッセージボディ） ↑ [edit] POSTメソッド † HTTPサーバーに情報を送信します CGIのパラメータなんかを送信するために使う。実行結果がCGI依存なのでかなり厄介 基本形 POST uri HTTP/1.1 Host hostname Content-Type type Content-Length 25222length CRLF メッセージボディ hostname、uriはGETと同じ typeはフォームデータだけ場合はapplication/x-www-form-urlencoded 何らかのリソースを含む場合はmultipart/form-data 殆ど前者だけで事足りると思うが、アップローダーのようなリソースを受け付けるCGIは後者を利用する lengthは後に続くメッセージボディの長さ メッセージボディはapplication/x-www-form-urlencodedの場合 変数名1=値1 変数名2=値2... のように変数名と値を=で結んだ物を を区切りとして羅列する。変数名も値もURLエンコードされていなければならない multipart/form-dataは大変なので省略 成功すれば二百番台のステータスコードを返す リソースが既に生成されている場合201を返す（見たこと無いけど） ↑ [edit] GETでPOSTする † サーバーに情報を送信する時はPOSTを使うべきだが、極少量のデータであればGETでも送れる 基本形 GET uri?メッセージボディ HTTP/1.1 Host hostname CRLF uriの後に?とPOSTのとき送ったメッセージボディをつける。やはりURLエンコード必須 Content-TypeとContent-Lengthはいらない
https://w.atwiki.jp/wiki3_wwa/pages/15.html
user.htmlの中身 背景、文字の色を変える リンクを付けてみる ここではHTML技術の一部を解説します。 編集するのは主に「user.html」です。 ファイルの名前を変更している場合も、HTMLファイルを編集してください。 user.htmlの中身 まずはuser.htmlの中身を見てみます。 ダブルクリックすると、ブラウザが起動してゲーム画面が表示されます。 （作成ツールから「マップデータをブラウザで見る」でもOK） ゲーム画面の外を、マウスで右クリックします。 ずらりと並んだメニューの中ほどにある、「ソースの表示」をクリックします。 メモ帳が起動して、 以下のような文章が表示されるはずです。 HTML HEAD TITLE World Wide Adventure /TITLE /HEAD BODY BGCOLOR=#A0A0A0 CENTER APPLET CODE="WWA.class" WIDTH=560 HEIGHT=440 PARAM NAME=paramMapName VALUE="wwamap.dat" このブラウザには、Java実行環境がインストールされていません。 BR 詳細は A HREF="http //www.wwajp.com/wwafaq.html" ＷＷＡのよくある質問 /A をどうぞ。 /APPLET BR Internet RPG " A HREF="http //www.wwajp.com/" World Wide Adventure /A " (C)1996-2004 NAO /CENTER /BODY /HTML ※赤字の部分は、使用しているマップデータによって名前が違います。 表示されたこの文章が、user.htmlの中身、「HTMLソース」です。 このソースを、タグと呼ばれる命令を使って編集すると、 ブラウザに「こう表示しなさい」と指示することが出来ます。 編集の基本は 「文章を書き足す」「上書き保存」「ブラウザで更新ボタンを押して確認」 の繰り返しです。 では、実際にやってみましょう。 背景、文字の色を変える もともとのゲームページでは、「背景が灰色」で「文字が黒」です。 背景の色は何も指定しなければ白に、 文字の色は指定しなければ黒になります。 ということは、背景の色はすでに指定されているわけです。 ソースをよく見てみると、背景を灰色にしている部分が見つかります。 HTML HEAD TITLE World Wide Adventure /TITLE /HEAD BODY BGCOLOR=#A0A0A0 以下略 BGCOLORは、「背景の色はこれにします」と言う命令です。 #A0A0A0の部分を変更すると色が変わります 。やってみましょう。 #000000が黒 #FFFFFFが白 必ず6桁になります（左から２桁ずつ、#FF0000＝赤、#00FF00＝緑、#0000FF＝青） 0～9＋A～Fの16文字で表されていて、0が最低値、Fが最高値。 命令が上手くいかないときは、#や=を確認してください。 消してしまったり、増やしてしまったりすると、上手く命令が伝わりません。 これで好きな色を背景色にすることが出来たでしょうか？ 続けて、文章の色も変えてみましょう。 ゲームの下にある「Internet RPG」の文字で確認します。 ソースに青い文字の分を書き足します。 （直前に半角のスペースが入っています。忘れずに追加してください。） HTML HEAD TITLE World Wide Adventure /TITLE /HEAD BODY BGCOLOR=#A0A0A0 TEXT="#FF0000" 以下略 Internet RPGの文字は、真っ赤になりましたか？ TEXTは、ファイル全体の文字の色を指定する命令です。 色の指定方法は、背景と同じです。 この2つを変更するだけでも、ゲームの印象は変わります。 色の組み合わせを試してみてください。 リンクを付けてみる
https://w.atwiki.jp/cowbell/pages/15.html
インライン ブロック a リンクする ○ abbr 略語 ○ acronym 略語 ○ address アドレス ○ applet アプレット ○ area クリッカブルマップエリア b 太字 ○ base ベースURL basefont 基本フォント ○ bdo 国際化情報 ○ bgsound バックミュージック big 大きな太字 ○ blink 点滅文字 ○ blockquote 引用 ○ body 本文 br 開業 ○ button ボタン ○ caption テーブルの見出し center 中央揃え ○ cite 参照 ○ code コード ○ col テーブルのカラム設定 colgroup テーブルのカラムグループ設定 comment コメント dd 定義の説明 del 削除 dfn 定義 dir ディレクトリリスト div ブロック要素 dl 定義リスト dt 定義語 dm 強調 embed オブジェクトの埋め込み fieldset フィールドセット font フォント form フォーム frame フレーム frameset フレームセット h1 - h6 見出し head ヘッダ hr 水平線 html HTML文書 i イタリック文字 iframe インラインフレーム ilayer インラインレイヤ img イメージ input フォーム部品：入力欄 ins 挿入 isindex 検索フォーム kbd キーボード keygen 鍵の作成
https://w.atwiki.jp/yoshida2/pages/115.html
telnetでブラウズ(HTTP) このページでは、インターネットでホームページなどをブラウジングするときに利用するHTTPプロトコルについて説明しています。 概要 HTTPプロトコルとは、Hypertext Transfer Protocolの略で、インターネットでホームページなどをブラウジングするときに利用しているプロトコルです。 HTTPプロトコルは、TCP/IP上のプロトコルで、通常80番ポートを使ってアクセスします。 詳細な定義は、以下のRFCで定義されています。 RFC-1945 HTTP/1.0 RFC-2068 HTTP/1.1 基本的に、メッセージを要求(リクエスト)し、その応答結果(レスポンス)を表示するだけです。 HTTPのアクセスログ ApacheなどのWebサーバのログを見ると、リクエストとレスポンスが、以下の形式で出力されます。 アクセスログの書式 アクセス元 - - [アクセス時間] メソッド名 URL名 プロトコルバージョン レスポンスコード 例： 10.0.1.20 - - [01/Jul/1999 23 22 46 +0900] GET /usr/joe/index.html HTTP/1.0 200 2060 メソッドの種類には、GETやPOSTなどがあります。 GETメソッドは、HTMLデータや画像データなどを取得する場合に使用します。 GETメソッドで要求すると、ヘッダ情報とHTMLデータが返却されます。 GETメソッドでCGIを呼び出すこともできます。 パラメータを渡す場合は、URLの後に ?name1=データ1 name2=データ2 という形式で指定します。 HEADメソッドは、ファイルサイズや更新日時を調べる場合に利用します。 HEADメソッドを利用すると、ヘッダ情報だけが返却されます。 POSTメソッドは、CGIなどにデータを渡す場合に使用します。 パラメータなどのデータは、環境変数などによって、CGIに渡ります。 以下に、HTTPのバージョンとメソッドの種類を示します。 メソッドの種類 HTTP/1.0 GET, HEAD, PUT, POST, DELETE, LINK, UNLINK HTTP/1.1 OPTIONS, TRACE, PATCH 以下に、レスポンスコードの一覧を示します。 100番台は通信エラー、200番台は正常終了、300番台はリダイレクト、400番台はクライアントエラー、500番台はサーバエラーを表しています。 リダイレクトとは、クライアントの指定したURLに移動した場合などに返却されます。 レスポンスコード コード 内容 コード 内容 100 Continue 101 Switching Protocols 200 OK 201 Created 202 Accepted 203 Non-Authoritative Information 204 No Content 205 Reset Content 206 Partial Content 300 Multiple Choices 301 Moved Permanently 302 Moved Temporarily 303 See Other 304 Not Modified 305 Use Proxy 400 Bad Request 401 Unauthorized 402 Payment Required 403 Forbidden 404 Not Found 405 Method Not Allowed 406 Not Acceptable 407 Proxy Authentication Required 408 Request Time-out 409 Conflict 410 Gone 411 Length Required 412 Precondition Failed 413 Request Entity Too Large 414 Request-URI Too Large 415 Unsupported Media Type 500 Internal Server Error 501 Not Implemented 502 Bad Gateway 503 Service Unavailable 504 Gateway Time-out 505 HTTP Version not supported レスポンスコードは、ログファイルなどに出力されますので、知っていると役に立つと思います。 telnetでブラウジング では、実際にtelnetでブラウジングしてみましょう。 telnetコマンドで、WWWサーバ名と、80番ポートを指定します。 Linux# telnet ash.jp 80 そこで、環境変数をすべて表示するCGI(env.cgi)を起動してみます。 まず、GETコマンドで、取得したいURLと、HTTPのバージョンを指定します。 GET /~joe/prog/cgi/env01.cgi HTTP/1.0 ここで、リターンのみを入力しても表示されますが、以下のオプションも入力してみます。 指定したオプションは、環境変数としてCGIに渡ります。 User-Agent Telnet [ja] (Linux) Host www.ash.jp リターンのみを入力すると、レスポンスと、HTMLが表示されます。 当然、HTMLのソースが表示されるだけですから、頭の中でHTMLを解析し画面イメージを想像する必要があります。 以下に実行結果を示します。 Linux# telnet ash.jp 80 Trying 210.154.87.18... Connected to ash.jp. Escape character is ^] . GET /~joe/prog/cgi/env01.cgi HTTP/1.0 User-Agent Telnet [ja] (Linux) Host ash.jp HTTP/1.1 200 OK DeleGate-Ver 5.8.8 (delay=7) Date Fri, 02 Jul 1999 09 56 24 GMT Server Apache/1.3.3 (Unix) Content-Type text/html Via 1.0 210.154.87.18 80 (DeleGate/5.8.8) Content-Length 954 html body h1 ＣＧＩでの環境変数一覧 /h1 hr h3 環境変数の表示 /h3 DOCUMENT_ROOT = /usr/local/share/apache/htm br GATEWAY_INTERFACE = CGI/1.1 br HTTP_FORWARDED = by http //210.154.87.18 80/ (DeleGate/5.8.8) for sv01.lo.ash.or .jp br HTTP_HOST = ash.jp br HTTP_USER_AGENT = Telnet [ja] (Linux) br HTTP_VIA = 1.0 210.154.87.18 80 (DeleGate/5.8.8) br PATH = /usr/local/sbin /usr/local/bin /sbin /usr/sbin /bin /usr/bin br QUERY_STRING = br REMOTE_ADDR = 10.0.1.254 br REMOTE_PORT = 12621 br REQUEST_METHOD = GET br REQUEST_URI = /~joe/prog/cgi/env01.cgi br SCRIPT_FILENAME = /home/joe/public_html/prog/cgi/env01.cgi br SCRIPT_NAME = /~joe/prog/cgi/env01.cgi br SERVER_ADMIN = info@ash.jp br SERVER_NAME = ash.jp br SERVER_PORT = 80 br SERVER_PROTOCOL = HTTP/1.0 br SERVER_SIGNATURE = ADDRESS Apache/1.3.3 Server at ash.jp Port 80 /ADDRESS br SERVER_SOFTWARE = Apache/1.3.3 (Unix) br hr br このＣＧＩのソース： a href=env01.txt env01.cgi /a br /body /html Connection closed by foreign host. 最初の、HTTP/1.1 200 OKは、HTTPプロトコルで、正常に転送したことを表します。 その後にヘッダ情報が転送され、最後にHTMLのソースが転送されます。 環境変数として、以下の値が追加設定されているのが確認できます。 HTTP_HOST = ash.jp HTTP_USER_AGENT = Telnet [ja] (Linux) このように、HTTPプロトコルは、要求（リクエスト）に対して、応答（レスポンス）が返却されるだけのシンプルなプロトコルです。 余談ですが、HTTPプロトコルという呼び方は、Hyper Text Transfer Protocol プロトコルになって、プロトコルが2重になってしまい、おかしいです。 でも、この方がわかりやすいので、私はよく使います。
https://w.atwiki.jp/je-pu-pu-mondai/pages/29.html
morgan, john pierpont [licata, riccardo|http //licata-riccardo.topo20.org] - [licata, riccardo|HTTP //licata-riccardo.topo20.org] licata, riccardo, licata, riccardo, licata, riccardo [licata, riccardo|http //licata-riccardo.topo20.org]; [hell|http //hell.fifa2007it.org] - [hell|HTTP //hell.fifa2007it.org] hell, hell, hell [hell|http //hell.fifa2007it.org]; [ackermann, max|http //ackermann-max.trevisos.org] - [ackermann, max|HTTP //ackermann-max.trevisos.org] ackermann, max, ackermann, max, ackermann, max [ackermann, max|http //ackermann-max.trevisos.org]; [qixia si|http //qixia-si.realitsen.info] - [qixia si|HTTP //qixia-si.realitsen.info] qixia si, qixia si, qixia si [qixia si|http //qixia-si.realitsen.info]; [alex and emma|http //alex-and.design4italy.org] - [alex and emma|HTTP //alex-and.design4italy.org] alex and emma, alex and emma, alex and emma [alex and emma|http //alex-and.design4italy.org]; [capelle, jan van de-|http //capelle-jan.win-for-italy.info] - [capelle, jan van de-|HTTP //capelle-jan.win-for-italy.info] capelle, jan van de-, capelle, jan van de-, capelle, jan van de- [capelle, jan van de-|http //capelle-jan.win-for-italy.info]; [bikom|http //bikom.trevisos.org] - [bikom|HTTP //bikom.trevisos.org] bikom, bikom, bikom [bikom|http //bikom.trevisos.org]; [paray-le-monial|http //paraylemonial.realitsen.info] - [paray-le-monial|HTTP //paraylemonial.realitsen.info] paray-le-monial, paray-le-monial, paray-le-monial [paray-le-monial|http //paraylemonial.realitsen.info]; [mitsuyoshi tosa|http //mitsuyoshi-tosa.realitsen.info] - [mitsuyoshi tosa|HTTP //mitsuyoshi-tosa.realitsen.info] mitsuyoshi tosa, mitsuyoshi tosa, mitsuyoshi tosa [mitsuyoshi tosa|http //mitsuyoshi-tosa.realitsen.info]; [four brothers - quattro fratelli|http //four-brothers.fifa2007it.org] - [four brothers - quattro fratelli|HTTP //four-brothers.fifa2007it.org] four brothers - quattro fratelli, four brothers - quattro fratelli, four brothers - quattro fratelli [four brothers - quattro fratelli|http //four-brothers.fifa2007it.org]; [baumhauer, joseph|http //baumhauer-joseph.trevisos.org] - [baumhauer, joseph|HTTP //baumhauer-joseph.trevisos.org] baumhauer, joseph, baumhauer, joseph, baumhauer, joseph [baumhauer, joseph|http //baumhauer-joseph.trevisos.org]; [bentley, john francis|http //bentley-john.trevisos.org] - [bentley, john francis|HTTP //bentley-john.trevisos.org] bentley, john francis, bentley, john francis, bentley, john francis [bentley, john francis|http //bentley-john.trevisos.org]; [konarak|http //konarak.topo20.org] - [konarak|HTTP //konarak.topo20.org] konarak, konarak, konarak [konarak|http //konarak.topo20.org]; [beauvais|http //beauvais.trevisos.org] - [beauvais|HTTP //beauvais.trevisos.org] beauvais, beauvais, beauvais [beauvais|http //beauvais.trevisos.org]; [il viaggio di felicia|http //il-viaggio.motnolado.org] - [il viaggio di felicia|HTTP //il-viaggio.motnolado.org] il viaggio di felicia, il viaggio di felicia, il viaggio di felicia [il viaggio di felicia|http //il-viaggio.motnolado.org]; [fanum voltumnae|http //fanum-voltumnae.win-for-italy.info] - [fanum voltumnae|HTTP //fanum-voltumnae.win-for-italy.info] fanum voltumnae, fanum voltumnae, fanum voltumnae [fanum voltumnae|http //fanum-voltumnae.win-for-italy.info]; [halle|http //halle.topo20.org] - [halle|HTTP //halle.topo20.org] halle, halle, halle [halle|http //halle.topo20.org]; [divisionismo|http //divisionismo.win-for-italy.info] - [divisionismo|HTTP //divisionismo.win-for-italy.info] divisionismo, divisionismo, divisionismo [divisionismo|http //divisionismo.win-for-italy.info]; [vivin, louis|http //vivin-louis.design4italy.org] - [vivin, louis|HTTP //vivin-louis.design4italy.org] vivin, louis, vivin, louis, vivin, louis [vivin, louis|http //vivin-louis.design4italy.org]; [thule springs|http //thule-springs.design4italy.org] - [thule springs|HTTP //thule-springs.design4italy.org] thule springs, thule springs, thule springs [thule springs|http //thule-springs.design4italy.org]; [abercrombie, sir patrick|http //abercrombie-sir.trevisos.org] - [abercrombie, sir patrick|HTTP //abercrombie-sir.trevisos.org] abercrombie, sir patrick, abercrombie, sir patrick, abercrombie, sir patrick [abercrombie, sir patrick|http //abercrombie-sir.trevisos.org]; [tessenow heinrich|http //tessenow-heinrich.design4italy.org] - [tessenow heinrich|HTTP //tessenow-heinrich.design4italy.org] tessenow heinrich, tessenow heinrich, tessenow heinrich [tessenow heinrich|http //tessenow-heinrich.design4italy.org]; [ebrach|http //ebrach.win-for-italy.info] - [ebrach|HTTP //ebrach.win-for-italy.info] ebrach, ebrach, ebrach [ebrach|http //ebrach.win-for-italy.info]; [piattabanda|http //piattabanda.realitsen.info] - [piattabanda|HTTP //piattabanda.realitsen.info] piattabanda, piattabanda, piattabanda [piattabanda|http //piattabanda.realitsen.info]; [piles, roger de-|http //piles-roger.realitsen.info] - [piles, roger de-|HTTP //piles-roger.realitsen.info] piles, roger de-, piles, roger de-, piles, roger de- [piles, roger de-|http //piles-roger.realitsen.info]; [charlotte gray|http //charlotte-gray.fifa2007it.org] - [charlotte gray|HTTP //charlotte-gray.fifa2007it.org] charlotte gray, charlotte gray, charlotte gray [charlotte gray|http //charlotte-gray.fifa2007it.org]; [mills, robert|http //mills-robert.realitsen.info] - [mills, robert|HTTP //mills-robert.realitsen.info] mills, robert, mills, robert, mills, robert [mills, robert|http //mills-robert.realitsen.info]; [belfagor - il fantasma del louvre|http //belfagor-.fifa2007it.org] - [belfagor - il fantasma del louvre|HTTP //belfagor-.fifa2007it.org] belfagor - il fantasma del louvre, belfagor - il fantasma del louvre, belfagor - il fantasma del louvre [belfagor - il fantasma del louvre|http //belfagor-.fifa2007it.org]; [cenerentola a parigi|http //cenerentola-a.fifa2007it.org] - [cenerentola a parigi|HTTP //cenerentola-a.fifa2007it.org] cenerentola a parigi, cenerentola a parigi, cenerentola a parigi [cenerentola a parigi|http //cenerentola-a.fifa2007it.org]; [la spirale della vendetta|http //la-spirale.motnolado.org] - [la spirale della vendetta|HTTP //la-spirale.motnolado.org] la spirale della vendetta, la spirale della vendetta, la spirale della vendetta [la spirale della vendetta|http //la-spirale.motnolado.org]; [praetexta|http //praetexta.realitsen.info] - [praetexta|HTTP //praetexta.realitsen.info] praetexta, praetexta, praetexta [praetexta|http //praetexta.realitsen.info]; [fashion|http //fashion.win-for-italy.info] - [fashion|HTTP //fashion.win-for-italy.info] fashion, fashion, fashion [fashion|http //fashion.win-for-italy.info]; [hilton, roger|http //hilton-roger.topo20.org] - [hilton, roger|HTTP //hilton-roger.topo20.org] hilton, roger, hilton, roger, hilton, roger [hilton, roger|http //hilton-roger.topo20.org]; [lavedan, pierre|http //lavedan-pierre.topo20.org] - [lavedan, pierre|HTTP //lavedan-pierre.topo20.org] lavedan, pierre, lavedan, pierre, lavedan, pierre [lavedan, pierre|http //lavedan-pierre.topo20.org]; [pontecagnano faiano|http //pontecagnano-faiano.realitsen.info] - [pontecagnano faiano|HTTP //pontecagnano-faiano.realitsen.info] pontecagnano faiano, pontecagnano faiano, pontecagnano faiano [pontecagnano faiano|http //pontecagnano-faiano.realitsen.info]; [susanna|http //susanna.design4italy.org] - [susanna|HTTP //susanna.design4italy.org] susanna, susanna, susanna [susanna|http //susanna.design4italy.org]; [bambole russe|http //bambole-russe.fifa2007it.org] - [bambole russe|HTTP //bambole-russe.fifa2007it.org] bambole russe, bambole russe, bambole russe [bambole russe|http //bambole-russe.fifa2007it.org]; [commedia sexy|http //commedia-sexy.fifa2007it.org] - [commedia sexy|HTTP //commedia-sexy.fifa2007it.org] commedia sexy, commedia sexy, commedia sexy [commedia sexy|http //commedia-sexy.fifa2007it.org]; [buke-zukuri|http //bukezukuri.trevisos.org] - [buke-zukuri|HTTP //bukezukuri.trevisos.org] buke-zukuri, buke-zukuri, buke-zukuri [buke-zukuri|http //bukezukuri.trevisos.org]; [costantino i (imperatore romano)|http //costantino-i.win-for-italy.info] - [costantino i (imperatore romano)|HTTP //costantino-i.win-for-italy.info] costantino i (imperatore romano), costantino i (imperatore romano), costantino i (imperatore romano) [costantino i (imperatore romano)|http //costantino-i.win-for-italy.info]; [pawdawmu|http //pawdawmu.realitsen.info] - [pawdawmu|HTTP //pawdawmu.realitsen.info] pawdawmu, pawdawmu, pawdawmu [pawdawmu|http //pawdawmu.realitsen.info]; [gioco a due|http //gioco-a.fifa2007it.org] - [gioco a due|HTTP //gioco-a.fifa2007it.org] gioco a due, gioco a due, gioco a due [gioco a due|http //gioco-a.fifa2007it.org]; [leptis magna|http //leptis-magna.topo20.org] - [leptis magna|HTTP //leptis-magna.topo20.org] leptis magna, leptis magna, leptis magna [leptis magna|http //leptis-magna.topo20.org]; [killing zoe|http //killing-zoe.motnolado.org] - [killing zoe|HTTP //killing-zoe.motnolado.org] killing zoe, killing zoe, killing zoe [killing zoe|http //killing-zoe.motnolado.org]; [puy, jean|http //puy-jean.realitsen.info] - [puy, jean|HTTP //puy-jean.realitsen.info] puy, jean, puy, jean, puy, jean [puy, jean|http //puy-jean.realitsen.info]; [jerry maguire|http //jerry-maguire.motnolado.org] - [jerry maguire|HTTP //jerry-maguire.motnolado.org] jerry maguire, jerry maguire, jerry maguire [jerry maguire|http //jerry-maguire.motnolado.org]; [brouet, auguste|http //brouet-auguste.trevisos.org] - [brouet, auguste|HTTP //brouet-auguste.trevisos.org] brouet, auguste, brouet, auguste, brouet, auguste [brouet, auguste|http //brouet-auguste.trevisos.org]; [pileta, la-|http //pileta-la.realitsen.info] - [pileta, la-|HTTP //pileta-la.realitsen.info] pileta, la-, pileta, la-, pileta, la- [pileta, la-|http //pileta-la.realitsen.info]; [campanile|http //campanile.win-for-italy.info] - [campanile|HTTP //campanile.win-for-italy.info] campanile, campanile, campanile [campanile|http //campanile.win-for-italy.info]; [arrieta, pedro de-|http //arrieta-pedro.trevisos.org] - [arrieta, pedro de-|HTTP //arrieta-pedro.trevisos.org] arrieta, pedro de-, arrieta, pedro de-, arrieta, pedro de- [arrieta, pedro de-|http //arrieta-pedro.trevisos.org]; [cambridge (u.s.a.)|http //cambridge-usa.win-for-italy.info] - [cambridge (u.s.a.)|HTTP //cambridge-usa.win-for-italy.info] cambridge (u.s.a.), cambridge (u.s.a.), cambridge (u.s.a.) [cambridge (u.s.a.)|http //cambridge-usa.win-for-italy.info]; [arellano, juan de-|http //arellano-juan.trevisos.org] - [arellano, juan de-|HTTP //arellano-juan.trevisos.org] arellano, juan de-, arellano, juan de-, arellano, juan de- [arellano, juan de-|http //arellano-juan.trevisos.org]; [la cameriera|http //la-cameriera.motnolado.org] - [la cameriera|HTTP //la-cameriera.motnolado.org] la cameriera, la cameriera, la cameriera [la cameriera|http //la-cameriera.motnolado.org]; [honegger, david|http //honegger-david.topo20.org] - [honegger, david|HTTP //honegger-david.topo20.org] honegger, david, honegger, david, honegger, david [honegger, david|http //honegger-david.topo20.org]; [hals, frans|http //hals-frans.topo20.org] - [hals, frans|HTTP //hals-frans.topo20.org] hals, frans, hals, frans, hals, frans [hals, frans|http //hals-frans.topo20.org]; [black simphony|http //black-simphony.fifa2007it.org] - [black simphony|HTTP //black-simphony.fifa2007it.org] black simphony, black simphony, black simphony [black simphony|http //black-simphony.fifa2007it.org]; [last night|http //last-night.motnolado.org] - [last night|HTTP //last-night.motnolado.org] last night, last night, last night [last night|http //last-night.motnolado.org]; [spencer, stanley|http //spencer-stanley.design4italy.org] - [spencer, stanley|HTTP //spencer-stanley.design4italy.org] spencer, stanley, spencer, stanley, spencer, stanley [spencer, stanley|http //spencer-stanley.design4italy.org]; [gertrud|http //gertrud.fifa2007it.org] - [gertrud|HTTP //gertrud.fifa2007it.org] gertrud, gertrud, gertrud [gertrud|http //gertrud.fifa2007it.org]; [tachi|http //tachi.design4italy.org] - [tachi|HTTP //tachi.design4italy.org] tachi, tachi, tachi [tachi|http //tachi.design4italy.org]; [tisi, benvenuto|http //tisi-benvenuto.design4italy.org] - [tisi, benvenuto|HTTP //tisi-benvenuto.design4italy.org] tisi, benvenuto, tisi, benvenuto, tisi, benvenuto [tisi, benvenuto|http //tisi-benvenuto.design4italy.org]; [novilara|http //novilara.realitsen.info] - [novilara|HTTP //novilara.realitsen.info] novilara, novilara, novilara [novilara|http //novilara.realitsen.info]; [dragonfly|http //dragonfly.fifa2007it.org] - [dragonfly|HTTP //dragonfly.fifa2007it.org] dragonfly, dragonfly, dragonfly [dragonfly|http //dragonfly.fifa2007it.org]; [ricostruire|http //ricostruire.design4italy.org] - [ricostruire|HTTP //ricostruire.design4italy.org] ricostruire, ricostruire, ricostruire [ricostruire|http //ricostruire.design4italy.org]; [base (architettura)|http //base-architettura.trevisos.org] - [base (architettura)|HTTP //base-architettura.trevisos.org] base (architettura), base (architettura), base (architettura) [base (architettura)|http //base-architettura.trevisos.org]; [muybridge, eadweard|http //muybridge-eadweard.realitsen.info] - [muybridge, eadweard|HTTP //muybridge-eadweard.realitsen.info] muybridge, eadweard, muybridge, eadweard, muybridge, eadweard [muybridge, eadweard|http //muybridge-eadweard.realitsen.info]; [kahn, louis isadore|http //kahn-louis.topo20.org] - [kahn, louis isadore|HTTP //kahn-louis.topo20.org] kahn, louis isadore, kahn, louis isadore, kahn, louis isadore [kahn, louis isadore|http //kahn-louis.topo20.org]; [looy, jacobus van-|http //looy-jacobus.topo20.org] - [looy, jacobus van-|HTTP //looy-jacobus.topo20.org] looy, jacobus van-, looy, jacobus van-, looy, jacobus van- [looy, jacobus van-|http //looy-jacobus.topo20.org]; [confessions of a teenage drama queen|http //confessions-a.fifa2007it.org] - [confessions of a teenage drama queen|HTTP //confessions-a.fifa2007it.org] confessions of a teenage drama queen, confessions of a teenage drama queen, confessions of a teenage drama queen [confessions of a teenage drama queen|http //confessions-a.fifa2007it.org]; [liberty|http //liberty.topo20.org] - [liberty|HTTP //liberty.topo20.org] liberty, liberty, liberty [liberty|http //liberty.topo20.org]; [brinckmann, albert erich|http //brinckmann-albert.trevisos.org] - [brinckmann, albert erich|HTTP //brinckmann-albert.trevisos.org] brinckmann, albert erich, brinckmann, albert erich, brinckmann, albert erich [brinckmann, albert erich|http //brinckmann-albert.trevisos.org]; [carne tremula|http //carne-tremula.fifa2007it.org] - [carne tremula|HTTP //carne-tremula.fifa2007it.org] carne tremula, carne tremula, carne tremula [carne tremula|http //carne-tremula.fifa2007it.org]; [a good lawyer s wife|http //a-good.fifa2007it.org] - [a good lawyer s wife|HTTP //a-good.fifa2007it.org] a good lawyer s wife, a good lawyer s wife, a good lawyer s wife [a good lawyer s wife|http //a-good.fifa2007it.org]; [bourgeois, victor|http //bourgeois-victor.trevisos.org] - [bourgeois, victor|HTTP //bourgeois-victor.trevisos.org] bourgeois, victor, bourgeois, victor, bourgeois, victor [bourgeois, victor|http //bourgeois-victor.trevisos.org]; [gods and generals|http //gods-and.fifa2007it.org] - [gods and generals|HTTP //gods-and.fifa2007it.org] gods and generals, gods and generals, gods and generals [gods and generals|http //gods-and.fifa2007it.org]; [fragile|http //fragile.fifa2007it.org] - [fragile|HTTP //fragile.fifa2007it.org] fragile, fragile, fragile [fragile|http //fragile.fifa2007it.org]; [kitaj, ronald b.|http //kitaj-ronald.topo20.org] - [kitaj, ronald b.|HTTP //kitaj-ronald.topo20.org] kitaj, ronald b., kitaj, ronald b., kitaj, ronald b. [kitaj, ronald b.|http //kitaj-ronald.topo20.org]; [foster, sir norman|http //foster-sir.win-for-italy.info] - [foster, sir norman|HTTP //foster-sir.win-for-italy.info] foster, sir norman, foster, sir norman, foster, sir norman [foster, sir norman|http //foster-sir.win-for-italy.info]; [vos, cornelis de-|http //vos-cornelis.design4italy.org] - [vos, cornelis de-|HTTP //vos-cornelis.design4italy.org] vos, cornelis de-, vos, cornelis de-, vos, cornelis de- [vos, cornelis de-|http //vos-cornelis.design4italy.org]; [swatch|http //swatch.design4italy.org] - [swatch|HTTP //swatch.design4italy.org] swatch, swatch, swatch [swatch|http //swatch.design4italy.org]; [venet, bernard|http //venet-bernard.design4italy.org] - [venet, bernard|HTTP //venet-bernard.design4italy.org] venet, bernard, venet, bernard, venet, bernard [venet, bernard|http //venet-bernard.design4italy.org]; [top|http //top.design4italy.org] - [top|HTTP //top.design4italy.org] top, top, top [top|http //top.design4italy.org]; [mora|http //mora.realitsen.info] - [mora|HTTP //mora.realitsen.info] mora, mora, mora [mora|http //mora.realitsen.info]; [big fish|http //big-fish.fifa2007it.org] - [big fish|HTTP //big-fish.fifa2007it.org] big fish, big fish, big fish [big fish|http //big-fish.fifa2007it.org]; [bosch y gimpera, pedro|http //bosch-y.trevisos.org] - [bosch y gimpera, pedro|HTTP //bosch-y.trevisos.org] bosch y gimpera, pedro, bosch y gimpera, pedro, bosch y gimpera, pedro [bosch y gimpera, pedro|http //bosch-y.trevisos.org]; [pailou|http //pailou.realitsen.info] - [pailou|HTTP //pailou.realitsen.info] pailou, pailou, pailou [pailou|http //pailou.realitsen.info]; [nylon|http //nylon.realitsen.info] - [nylon|HTTP //nylon.realitsen.info] nylon, nylon, nylon [nylon|http //nylon.realitsen.info]; [carlito s way|http //carlitos-way.fifa2007it.org] - [carlito s way|HTTP //carlitos-way.fifa2007it.org] carlito s way, carlito s way, carlito s way [carlito s way|http //carlitos-way.fifa2007it.org]; [loggiato|http //loggiato.topo20.org] - [loggiato|HTTP //loggiato.topo20.org] loggiato, loggiato, loggiato [loggiato|http //loggiato.topo20.org]; [avedon, richard|http //avedon-richard.trevisos.org] - [avedon, richard|HTTP //avedon-richard.trevisos.org] avedon, richard, avedon, richard, avedon, richard [avedon, richard|http //avedon-richard.trevisos.org]; [orchard, william|http //orchard-william.realitsen.info] - [orchard, william|HTTP //orchard-william.realitsen.info] orchard, william, orchard, william, orchard, william [orchard, william|http //orchard-william.realitsen.info]; [gremlins|http //gremlins.fifa2007it.org] - [gremlins|HTTP //gremlins.fifa2007it.org] gremlins, gremlins, gremlins [gremlins|http //gremlins.fifa2007it.org]; [accademismo|http //accademismo.trevisos.org] - [accademismo|HTTP //accademismo.trevisos.org] accademismo, accademismo, accademismo [accademismo|http //accademismo.trevisos.org]; [candela, felix|http //candela-felix.win-for-italy.info] - [candela, felix|HTTP //candela-felix.win-for-italy.info] candela, felix, candela, felix, candela, felix [candela, felix|http //candela-felix.win-for-italy.info]; [azzolini, tito|http //azzolini-tito.trevisos.org] - [azzolini, tito|HTTP //azzolini-tito.trevisos.org] azzolini, tito, azzolini, tito, azzolini, tito [azzolini, tito|http //azzolini-tito.trevisos.org]; [kiva|http //kiva.topo20.org] - [kiva|HTTP //kiva.topo20.org] kiva, kiva, kiva [kiva|http //kiva.topo20.org]; [robert de luzarches|http //robert-luzarches.design4italy.org] - [robert de luzarches|HTTP //robert-luzarches.design4italy.org] robert de luzarches, robert de luzarches, robert de luzarches [robert de luzarches|http //robert-luzarches.design4italy.org]; [del perduto amore|http //del-perduto.fifa2007it.org] - [del perduto amore|HTTP //del-perduto.fifa2007it.org] del perduto amore, del perduto amore, del perduto amore [del perduto amore|http //del-perduto.fifa2007it.org]; [shumman, kubo|http //shumman-kubo.design4italy.org] - [shumman, kubo|HTTP //shumman-kubo.design4italy.org] shumman, kubo, shumman, kubo, shumman, kubo [shumman, kubo|http //shumman-kubo.design4italy.org]; [morgan, john pierpont|http //morgan-john.realitsen.info] - [morgan, john pierpont|HTTP //morgan-john.realitsen.info] morgan, john pierpont, morgan, john pierpont, morgan, john pierpont [morgan, john pierpont|http //morgan-john.realitsen.info];
https://w.atwiki.jp/night-tonight/pages/13.html
はじめに ｃ⌒っ*ﾟ∀ﾟ)っ 使用機器 特徴 Ｇ機能一覧 Ｍ機能一覧 基本操作 試作品の加工 . 問い合わせ ヽ(`Д´)ﾉ .
https://w.atwiki.jp/webdesignmemo/pages/32.html
関連トピックス 【CSS】ブラウザのスタイルをリセットするスタイルシート集 | コリス CSSNite in Nagoya 2007 極力ハックしない CSS by 山田あかね(purprin) 役立つサイト CSSレイアウト実践講座 とほほのスタイルシート入門 Web標準XHTML+CSSデザイン クリエイターが身につけておくべき新・100の法則。 公式サポートサイト サンプルダウンロードのページが参考になる。 CSS HappyLife CSS-EBLOG CSSめっちゃ不器用やねん リンク名 memo リセット CSS(2009.02.07の時点+コメントで説明つき) Yahoo! UI Library /* 各要素のmargin.paddingの正規化 */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin 0; padding 0; } /* tabel要素のセルのボーダーとボーダーの間隔を0に */ table { border-collapse collapse; border-spacing 0; } /* fieldsetやimg要素のボーダーを削除 */ fieldset,img { border 0; } /* font-styleやfont-weightプロパティの正規化 */ address,caption,cite,code,dfn,em,strong,th,var { font-style normal; font-weight normal; } /* ol、ul要素のlist-styleを削除 */ ol,ul { list-style none; } /* captionやth要素を左揃えに */ caption,th { text-align left; } /* 見出し要素のフォントサイズ、太さの正規化 */ h1,h2,h3,h4,h5,h6 { font-size 100%; font-weight normal; } /* q要素の引用マークを削除 */ q before,q after { content ; } /* 略語のボーダーを削除 */ abbr,acronym { border 0; } タグの順番 /* mozilla.org Base Styles * maintained by fantasai * (classes defined in the Markup Guide - http //mozilla.org/contribute/writing/markup ) */ /* Suggested order * display * list-style * position * float * clear * width * height * margin * padding * border * background * color * font * text-decoration * text-align * vertical-align * white-space * other text * content * */ 名前 コメント
https://w.atwiki.jp/even_eko/pages/17.html
DOMを非表示 下のコードをタグの中に入れればOK! style="display none; " 例 div style="display none;" /div styleではcssのパラメータを変更できる。displayはcssのコマンドである。 audioタグ htmlファイル !DOCTYPE html html head title html5オーディオプレイヤー /title meta charset="UTF-8" script src="./html5_audio.js" /script /head body div id="audioZone" audio id="audio_8000" preload="auto" controls source src="audio/8000.wav" type="audio/wav" source src="audio/8000.mp3" type="audio/mp3" p ※ご利用のブラウザでは再生することができません。 /p /audio /div div id="musicZone" input id="startMusic" type="image" src="./img/q_pc_transmit_on.png" width="127px" height="58px" onclick="audioPlay(8000)"/ /div /body /html jsファイル function audioPlay(num) { var string = "audio/" + num + ".mp3"; var audio = new Audio(string); audio.play(); console.log(string); } これなら、Android2.2であるIS11Tでも動作した。 jsファイルにjQueryを使ったり、下のスクリプトを使ったりすると動作しなかった。 document.getElementById("audio_8000").play();
https://w.atwiki.jp/shunsaku/pages/7.html
http //www.studyinghttp.net/header
https://w.atwiki.jp/siron24/pages/15.html
!---------------------------------------------------------- ■説明 処理の説明を記述します。 ■課題 課題を記述します。 !--------------------------------------------------------- 宣言 !DOCTYPE html !--基準言語=日本語; manigestでキャッシュするファイルを指定-- html lang="ja" manifest="skeleton.manifest" !--JavaScript参照-- script type="text/javascript" src="../js/skeleton.js" /script !--------------------------------------------------------- ヘッダ情報定義 head !--文字コード-- meta charset="UTF-8" !--ページタイトル(SEOに関わるので厳選したキーワードを記述)-- title テスト /title !--相対パスの基準URL-- base href="http //www.google.co.jp/" target="_self" !--スタイルシート指定-- link rel="stylesheet" type="text/css" href="../css/skeleton.css" media="all" title="default" / /head